<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    const names = ['plum', 'marry', 'blob', 'jerry']
    // 给每个名字后加一个000
    // map映射  map(回调函数[参数1：执行时对应的元素, 参数2：对应的下标值, 参数3：完整的数组对象], 给前面的回调函数绑定this)
    const newNames = names.map((name, index, arr) => name + '000')
    console.log(newNames);

    const nums = [110, 120, 130, 50, 40, 54, 20, 100];
    // 取出里面大于等于50的值
    // filter过滤   filter(回调函数[参数1：执行时对应的元素, 参数2：对应的下标值, 参数3：完整的数组对象], 给前面的回调函数绑定this)
    const newNums = nums.filter((item, index, arr) => item >= 50)
    console.log(newNums);

    // 截取数组前5项  slice(起始索引，结束索引)不包含结束索引
    const sliceNums = nums.slice(0, 5)
    console.log(sliceNums);

    // reduce归纳
    // reduce(回调函数，initialVlaue)
    // 回调函数参数：
    // 参数一：上一次回调函数的结果（第一次没有上一次函数的回调函数结果，使用初始化值）
    // 参数二：item  当前遍历的项
    // 参数三：index  当前项的索引
    // 参数四：arr  当前遍历的数组
  </script>
</body>
</html>